

      <div class="ai-tchain-section">
          <div class="ai-header">
              <h4> 任务链路列表</h4>
              <el-text class="ai-sec-desc">
                  这里是所有的任务链路信息.
              </el-text>
          </div>
          <div class="ai-serch-c">
              <el-input
                  v-model="ed.q04_projectName"
                  class="ai-search-i"
                  placeholder="输入项目名称进行过滤"
                  :prefix-icon="iconSearch"
                  clearable
              />
              <!-- <el-button style="margin-left:.5em;"> refresh </el-button> -->
              <el-button style="margin-left:.5em" :icon="Refresh" circle @click="U.f00_getChains" />

          </div>
      </div>
      <!-- TestChainInfo Table -->
      <el-table v-loading="ed.loading" :data="ed.df">
          <el-table-column prop="projectId" label="项目ID" width="180" />
          <el-table-column prop="cid" label="链路ID" width="180" />
        <el-table-column prop="projectName" label="项目名称" width="300" />
        <!-- <el-table-column prop="creatorD" label="作者" width="200" />  🦜: token should not be visible-->
        <el-table-column prop="createdAtD" label="创作时间" width="200" />
        <el-table-column prop="N" label="链路长度" width="100" />
        <el-table-column label="状态" >
              <template #default="scope">
                  <span class="blink" style="display: inline-flex; align-items: center; margin-right: 10px;">
                      <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="4" :fill="scope.row.colorD" /> </svg>
                  </span>
                  <el-text v-if="scope.row.paused" class="blink" type="info">{{ scope.row.statusD }} </el-text>
                  <el-text v-else class="blink" type="success">{{ scope.row.statusD }} </el-text>
                  <!-- <span class="blink" style="margin-left: 10px">{{ scope.row.statusD }}</span> -->
                  <el-button style="margin-left: 12px;" v-if="scope.row.done" :icon="Search" size="small" @click="U.view(scope.row)" plain circle />
              </template>
        </el-table-column>
      </el-table>
      <pagination v-show="ed.D[0].pg.q02_totalCount>0" :total="ed.D[0].pg.q02_totalCount"
                  v-model:page="ed.D[0].pg.q01_pageIdx"
                  v-model:limit="ed.D[0].pg.q03_pageSize" @pagination="U.f00_getChains" />
